<!DOCTYPE HTML>
<html> 
	<head>
		<link rel="stylesheet" type="text/css" href="../css/hui.css"> 
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
		<title>拾光博客</title> </head>
		<style>
	 body {
	   margin:0;
	   background:yellow;
	   background-image:url(../img/background.jpg);
	   background-size:100%;
	   }
	   
	
	.hui-swipe-item {
	  width:85%;
	  height:550px;
	  border-radius:0 15px 15px 15px;
	}
	.wz1 {
	  float:left;
	  font-size:30px;
	  padding-top:40%;
	  margin-left:120px;
	  color:#f1faff;  
	}   
	
	.head-portrait {
		float:left;
		width:90px;
		height:90px;
		border-radius:80px;
		background:black;
		margin-top:-45px;
		margin-left:20px;
	} 
	
	.collection {
		display:inline-block;
		width:100%;
		height:500px;
	}  
	
	.hui-slide-menu {
		width:70%;
		height:100%;
   		position:fixed;
   		z-index:99;
		background:#edf6ff;
		left:-70%; top:0px;
		}
		
	.hui-slide-menu ul {
   		padding:10px;
   		}
	  
	.hui-slide-menu li {
   		color:#FFFFFF;
		line-height:44px;
	 	height:44px;
	  	overflow:hidden;
	  }
	  
	  .big-tag {
	  	border-radius:40px;
	  	background:#aacdee;
	  	font-size:30px;
	  	text-align:center;
	  	font-weight:700;
        margin-top:10px;
	  }
    
    .small-tag {
    	width:70%;
    	height:35px;
    	border-radius:40px;
    	float:right;
    	margin:5px;
    }
    
    .number {
        width:35px;
        height:35px;
        border-radius:40px;
        float:right;
        margin:5px;
    }
    
    .square2 {
    	width:25px;
    	height:25px;
    	background:white;
    	float:left;
    }
    
    .square1 {
    	width:22px;
    	height:25px;
    	background:#628e81;
    	float:left;
    }
    
    .message {
    	width:90%;
    	height:50px;
    	border-radius:10px;
    	background: #eaeae8;
    	margin:auto;
    	margin-top:8px;
    }
    
    .message-date {
    	font-size:25px;
    	color:#eedbb0;
    	text-align:left;
    	margin-left:15px;
    	line-height:50px;
    }
    
    .message-tittle {
    	font-size:25px;
    	color:#eedbb0;
    	text-align:left;
    	line-height:50px;
    }
    
    .bottom-lianjie {
    	border-bottom:2px dashed  #e6e6e6;
    	color:#e6e6e6;
    }
	@keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}
	@-moz-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}
	@-webkit-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}
	@-o-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}
	.hui-slide-menu-show{-webkit-animation:hui-a-menu-show 0.3s forwards; animation:hui-a-menu-show 0.3s forwards;}
	@keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}
	@-moz-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}
	@-webkit-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}
	@-o-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}
	.hui-slide-menu-hide{-webkit-animation:hui-a-menu-hide 0.3s forwards; animation:hui-a-menu-hide 0.3s forwards;}
	</style> 
	<body style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
		<div class="hui-wrap"></div> <!-- 菜单 dom 结构 --> 
		<div class="hui-slide-menu"> 
			<ul> 
				<li><span style="color:orange;font-size:35px;">■ </span><span style="color:#cab09c;font-size:30px;font-weight:700;">拾光博客</span></li> 
				<li class="big-tag">附加功能</li> 
				<li> 
					<div class="small-tag" style="background:#004986;"> 
						<a href="user.html"><p style="color:#fdffee;text-align:center;line-height:39px;">个人中心</p></a> 
					</div> 
					<div class="number" style="background:#004986;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">1</p> 
					</div> </li> <!--个人中心--> 
				<li> 
					<div class="number" style="background:#004277;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">2</p> 
					</div> 
					<div class="small-tag" style="background:#004277;"> 
						<a href="message.html"><p style="color:#fdffee;text-align:center;line-height:39px;">消息中心</p></a> 
					</div> </li> <!--消息中心--> 
				<li> 
					<div class="small-tag" style="background:#0b72b4;"> 
						<a href="image.html"><p style="color:#fdffee;text-align:center;line-height:39px;">图片仓库</p></a> 
					</div> 
					<div class="number" style="background:#0b72b4;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">3</p> 
					</div> </li> <!--图片仓库--> 
				<li> 
					<div class="number" style="background:#63a8cf;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">4</p> 
					</div> 
					<div class="small-tag" style="background:#63a8cf;"> 
						<a href="home.html"><p style="color:#fdffee;text-align:center;line-height:39px;">回到主页</p></a>
					</div> </li> <!--联系我--> 
				<li> 
					<div class="small-tag" style="background:#9abfd2;"> 
						<a href="../index.html"><p style="color:#fdffee;text-align:center;line-height:39px;">退出登录</p> </a>
					</div> 
					<div class="number" style="background:#9abfd2;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">5</p> 
					</div> </li> <!--退出登录--> 
				<li class="big-tag">网址导航</li> 
				<li> 
					<div class="small-tag" style="background:#cc2e26;"> 
						<a href="https://500px.com.cn/"><p style="color:white;text-align:center;line-height:39px;">500px</p></a> 
					</div> 
					<div class="number" style="background:#cc2e26;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">1</p> 
					</div> </li> <!--500px--> 
				<li> 
					<div class="number" style="background:#000000;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">2</p> 
					</div> 
					<div class="small-tag" style="background:#000000;"> 
						<a href="https://unsplash.dogedoge.com/"><p style="color:white;text-align:center;line-height:39px;">Unsplansh</p></a> 
					</div> </li> <!--Unsplash--> 
				<li> 
					<div class="small-tag" style="background:#e06060;"> 
						<a href="https://huaban.com/"><p style="color:white;text-align:center;line-height:39px;">花瓣网</p></a> 
					</div> 
					<div class="number" style="background:#e06060;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">3</p> 
					</div> </li> <!--花瓣网--> 
				<li> 
					<div class="number" style="background:#4080f8;"> 
						<p style="color:white;font-size:20px;text-align:center;line-height:35px;font-weight:1000;">4</p> 
					</div> 
					<div class="small-tag" style="background:#4080f8;"> 
						<a href="https://www.ui.cn/"><p style="color:white;text-align:center;line-height:39px;">UI中国</p></a> 
					</div> </li> <!--UI中国--> 
				<li style="padding-top:30px;"> <button type="button" style="width:90%;height:40px;border-radius:10px;background:#dae1e7;margin-left:5%;border:none;" class="button" onclick="hui.closeSlideMenu();">关闭菜单</button> </li> 
			</ul> 
		</div> 
		<div class="huiswipe" style="padding-top:50px;padding-left:4%;padding-right:4%;"> 
			<div class="hui-swipe" id="swipe"> 
				<div class="hui-swipe-items">
					
					<div class="hui-swipe-item" style="background:#edf6ff;"> 
						<div class="dinglan" style="width:100%;height:170px;border:0 15 0 0;background-image:url(../img/15.jpg);background-size:cover;background-position:top;">
							<b class="wz1">Honglei Gan</b>
						</div> 
						<div class="head-portrait"></div> 
						<div style="width:220px;height:50px;"> <i style="color:#adcec5;font-size:20px;margin-left:20px;">“让生活成为生活<br>让自己成为自己”</i> 
						</div> 
						<div style="width:90%;height:310px;margin:auto;"> 
							<p style="color:#cab09c;text-indent:2em;">我不是一个摄影爱好者，我是一个生活爱好者。我们的世界很大，容得下8848米的高峰，也容得下10037米的海渊；容得下100度的热爱，也容得下－100度的冷峻。生活自当如此，见得小又见得大。</p> 
							<p style="color:#cab09c;text-indent:2em;">我记得在一个六月的黄昏，我独自一人吹着夏天的晚风，照着灯塔的微光，行进在布满粉红云霞的苍穹之下。我记得在一个傍晚，我被秋风凛冽，穿行在一片因阳光而变成了“金穗”的茅草之中……我记得因为而留存了一笔生活的宝藏。TA</p> 
							<p style="color:#cab09c;text-indent:2em;">你或许会说你对这个世界或这种生活已经彻底死了心。但是请不要太早得出这个结论，因为你还没有见过这个世界有多么的雄奇壮阔。去吧，你有一双发现美的眼睛。</p> 
						</div> 
						
					</div> <a href="https://gallery.vivo.com.cn/galleryh5static/index.html#/share/leafletShare/63676">
						<div class="hui-swipe-item" style="background:#a2b6bd;"> 
							<div style="width:200px;height:40px;margin-top:15px;">
								<b style="color:white;font-size:30px;"><span style="color:#e09286;font-size:30px;"> ●</span> 线上影展</b>
							</div> 
							<div style="width:250px;height:50px;background:#9ec7d5;margin-left:10px;">
								<b style="font-size:35px;color:white;">超然的生活之旅</b>
							</div> 
							<div style="width:190px;height:30px;background:#ebdfe7;margin-left:10px;">
								<b style="font-size:25px;color:white;">Leonardo Scotti</b>
							</div> 
							<div style="width:96%;height:370px;background:url(../img/top1.jpg);background-size:cover;margin:2%;margin-top:6.5%;border-radius:0 15px 15px 15px;"></div> 
						</div></a> 
					<a href="https://gallery.vivo.com.cn/galleryh5static/index.html#/share/leafletShare/63664">	
					<div class="hui-swipe-item" style="background:#bac2af;"> 
						<div style="width:200px;height:40px;margin-top:15px;">
							<b style="color:white;font-size:30px;"><span style="color:#fad8af;font-size:30px;"> ●</span> 线上影展</b>
						</div> 
						<div style="width:200px;height:50px;background:#bbabc7;margin-left:10px;">
							<b style="font-size:35px;color:white;">与海共处</b>
						</div> 
						<div style="width:190px;height:30px;background:#f0bac7;margin-left:10px;">
							<b style="font-size:25px;color:white;">Matt Gilligan</b>
						</div>
						<div style="width:96%;height:370px;background:url(../img/top2.jpg);background-size:cover;margin:2%;margin-top:6.5%;border-radius:0 15px 15px 15px;"></div>
					</div> </a>
				</div> 
			</div> 
		</div> 
		<div class="content" style="width:100%;height:1500px;background:#fffffb;border-radius:25px 25px 0px 0px;margin-top:5%;"> 
			<div class="hui-header-menu" style="width:45px;height:45px;position:absolute;top:5px;left:5px;border-radius:5px;" onclick="hui.showSlideMenu();"> 
				<img src="../img/menu.png" width="60%" style="margin-left:20%;margin-top:20%;"> 
			</div> 
			<div style="height:15px;"></div> 
			<div id="line" style="width:30%;height:5px;background:#495561;margin:auto;border-radius:40px;"></div> 
			<div class="main" style="width:100%;height:500px;background:white;white-space:nowrap;overflow-x:scroll;"> 
				<div class="collection"> 
					<div style="margin-left:35px;margin-top:25px;"> 
						<img src="../img/1.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;height:50px;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v22" style="font-size:20px;">鲜花与路灯</span></p> 
					</div> 
				</div> 
				<img src="../img/f.png" width="5%" style="left:90%;top:125%;position:absolute;"> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/2.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;height:50px;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v30" style="font-size:20px;">金秋</span></p> 
					</div> 
				</div> 
				
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/3.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;height:30px;margin:auto;margin-top:5%;"> <span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">摩天轮</span> </div> 
					<div style="width:80%;height:30px;margin:auto;"> 
						<span style="color:#f14752;font-size:15px;">■</span> <span id="v40" style="font-size:20px;">拍摄地:湖北-武汉</span>
					</div>
					<div style="width:80%;height:30px;margin:auto;"> 
						<span style="color:#f14752;font-size:15px;">■</span> <span id="v40" style="font-size:20px;">拍摄日期:2021.02.01</span>
					</div>
					<div style="width:80%;height:50px;margin:auto;"> 
						<span style="color:#f14752;font-size:15px;">■</span> <span id="v40" style="font-size:20px;width:20%;height:50px;">摩天轮即使整天地旋转也挽留<br >不了时光。 </span>
					</div>
				</div> 
				
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/4.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;height:50px;margin:auto;"> <span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">野雏菊</span> 
					</div> 
				</div> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:30px;"> 
						<img src="../img/5.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div class="wz" style="width:80%;margin:auto;"> 
						<br> 
						<br> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v53" style="font-size:20px;">天桥晚色</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v57" style="font-size:20px;">拍摄地:湖北-武汉</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v61" style="font-size:20px;">天空是大自然的画笔，我们可敬<br >的自然从来不吝啬他的颜料和画笔<br >，尽情地挥舞着，尽情地描绘着，<br >尽情地装点着这天空。</span></p> 
					</div> 
				</div> 
				<div class="collection"> 
					<div style="margin-left:35px;margin-top:25px;"> 
						<img src="../img/6.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v70" style="font-size:20px;">秋色</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v74" style="font-size:20px;">拍摄地:湖北-武汉</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v78" style="font-size:20px;">秋天迈着静悄悄的脚步走来了，<br >他挥一挥金色的画笔，这世界便成为<br >了一片金色的海洋。</span></p> 
					</div> 
					 
				</div> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/12.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span id="v93" style="font-size:20px;">树影</span></p> 
					</div> 
				</div> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/8.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">春芽</span></p> 
					</div> 
				</div> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/9.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">秋叶</span></p> 
					</div> 
				</div> 
				<div class="collection"> 
					<div style="margin-left:30px;margin-top:25px;"> 
						<img src="../img/10.jpg" width="85%" style="border-radius:5px;box-shadow:5px 5px 5px 2px #ebebeb;"> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">高楼与树</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">拍摄地:湖北-武汉</span></p> 
					</div> 
					<div style="width:80%;margin:auto;"> 
						<p><span style="color:#f14752;font-size:15px;">■</span> <span style="font-size:20px;">我们现代人居住在一片由水泥筑<br >成的森林中，偶尔有那么几株绿色<br >的植物与我们偶遇，我们都会觉得<br >是一种幸福。</span></p> 
					</div> 
				</div> 
			</div> 
			<div class="connect2">
			    <div id="tittle">
				  <span><p style="width:120px;margin-left:30px;border-bottom:5px solid #ED2D22;font-size:25px;">My Today</p></span> 
			    </div>
			    <div class="waikuang" style="white-space:nowrap;overflow-x:scroll;width:100%;height:428px;background:#3388FF1">
			      <div class="clander" style="width:300px;height:424.2px;margin-top:2%;margin-left:7%;border-radius:10px;background:#628E81;display:inline-block;">
			      	<div id="Square" style="width:100%;height:25px;background:#628e81;margin-top:8px;">
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      		<div class="square1"></div>
			      		<div class="square2"></div>
			      	</div>
			      	
			      	<div class="c1" style="width:100%;height:220px;margin-left:auto;background:blacka;">
			      		<p style="font-size:75px;font-weight:bold;color:white;font-family:'微软雅黑';text-align:center;letter-spacing:20px;line-height:1.5em;">未来<br >可期</p>
			      	</div>
			      	
			      	<div class="c2" style="width:100%;height:25px;background:#4CD9641;">
			      		<p style="font-size:20px;color:white;text-align:center;letter-spacing:2px;">Everything is possible</p>
			      	</div>
			      	
			      	<div class="c3" style="width:100%;height:100px;background:#9999991;">
			      		<p style="font-size:80px;font-weight: bold;color: white;text-align: center;">2022</p>
			      	</div>
			      	
			      	<div class="c4" style="width:100%;height:20px;background:#4CD9641;">
			      		<p style="font-size:15px;color: white;text-align:center;">-CALENDAR-</p>
			      	</div>
				  </div>
				  
				  <div class="date" style="width:300px;height:424.2px;margin-top:2%;margin-left:7%;border-radius:10px;background:#3e6b8c;display:inline-block;">
				  	<div class="circle1" style="width:180px;height:180px;border-radius:150px;background:#fdb134;margin-left:-50px;margin-top:-50px;"></div>
				  	<div class="circle2" style="width:220px;height:220px;border-radius:150px;background:#fcd891;margin-left:170px;margin-top:60px;"></div>
				  	<div class="c5" style="width:100%;height:220px;float: none;margin-top:-430px;">
				  		<p style="font-size:200px;color: white;font-weight:bold;text-align:center;letter-spacing:15px;">01</p>
				  	</div>
				  	<div class="c6" style="width:100%;height:30px;">
				  		<p style="font-size:17px;color: white;font-weight:700;text-align:center;">FEBRUARY&nbsp;&nbsp;TUESDAY&nbsp;&nbsp;2022</p>
				  	</div>
				  	<div class="c7" style="width:100%;height:150px;">
				  		<p style="font-size:60px;color:white;font-weight:700;text-align:left;letter-spacing: 8px;">&nbsp;未来<br >&nbsp;&nbsp;可期</p>
				  	</div>
				  </div>
				  
				  <div class="mood" style="width:300px;height:424.2px;margin-top:2%;margin-left:7%;border-radius:10px;background:#3e6b8c;display:inline-block;">
				  	<div class="yinghao" style="width:80px;height:50px;"><span style="color:#fdb134;font-size:80px;font-weight: bold; ">“</span></div>
				  	<div class="MOOD" style="width:100%;height:250px;text-align: center;"><img src="../img/happy.png" width="80%"/></div>
				  	<div class="c8" style="width:100%;height:90px;">
				  		<p style="font-weight:700;text-align:center;">
				  			<span id="c9" style="color:#fdb134;font-size:30px;">I am so happy</span><br >
				  			<span id="c10" style="color:black;font-size:35px;letter-spacing:4px;">今日宜开心</span>
				  		</p>
				  	</div>
				  </div>
			    </div>
			    <br >
			    <div class="content3">
			    	<div id="tittle">
				        <span><p style="width:120px;margin-left:30px;border-bottom:5px solid #ED2D22;font-size:25px;">消息中心</p></span> 
			        </div>
			        <div class="message-center">
			        	<ul>
			        		<a href="passage3.html"><li class="message">
			        			<span class="message-date">02.01 |</span>
			        			<span class="message-tittle">消息中心上线了</span>
			        		</li></a>
			        		<a href="passage4.html"><li class="message">
			        			<span class="message-date">02.01 |</span>
			        			<span class="message-tittle">欢迎访问拾光博客</span>
			        		</li></a>
			        		<a href="passage1.html"><li class="message">
			        			<span class="message-date">02.01 |</span>
			        			<span class="message-tittle">今天是春节</span>
			        		</li></a>
			        		<a href="passage2.html"><li class="message">
			        			<span class="message-date">02.01 |</span>
			        			<span class="message-tittle">北京冬奥会即将开幕</span>
			        		</li></a>
			        		<a href="passage.html"><li class="message">
			        			<span class="message-date">02.01 |</span>
			        			<span class="message-tittle">元日</span>
			        		</li></a>
			        		<a href="message.html"><li class="message-end" style="width:90%;height:35px;margin:auto;margin-top:8px;background:#EEDBB0;border-radius:10px;text-align:center;">
			        			<span class="mesage-more" style="font-size:20px;color:#fdffee;line-height:35px;border-bottom:2px dashed #fdffee;">点击查看更多</span>
			        		</li></a>
			        	</ul>
			        </div>
			    </div>
			    
			    <div class="bottom" style="width:100%;height:100px;background:#b2c2d3;margin-top:5%;text-align:center;">
				    <br> <span style="width:80%;margin-left:2%;color:#e6e6e6;">© 2021 Honglei Gan,Class 102.All rights reserved.</span>
				    <span style="width:80%;margin-left:8%;color:#e6e6e6">2021.11.21 甘洪磊/高一十一班/吴家山中学</span><br >
				    <span  style="width:100%;height:30px;text-align:center;color: #E6E6E6;">联系我:
				    	<a href="https://gitee.com/hongleigan"><span class="bottom-lianjie">Gitee</span></a>
				    	<a href="https://github.com/GanHonglei/"><span class="bottom-lianjie">Github</span></a>
				    	<a href="https://blog.csdn.net/qq_64567959"><span class="bottom-lianjie">CSDN</span></a>
				    	<a href="https://qm.qq.com/cgi-bin/qm/qr?k=9NHovoXA7wZd1YIeluwtonDWw9phuTb_&noverify=0"><span class="bottom-lianjie">QQ</span></a>
				    	</span>
			    </div> 
		</div> 
		<script type="text/javascript" src="../js/hui.js" charset="UTF-8"></script> 
		<script src="../js/hui-swipe.js" type="text/javascript" charset="utf-8"></script> 
		<script type="text/javascript">
			var swipe = new huiSwpie('#swipe');
			swipe.autoPlay=true;
			swipe.run();
		</script> 
		<script>
			/*
			swip
			*/
			hui.slideMenu();
			slide menu;
			*/
			hui.slideMenu();
		</script>  
	</body>
</html>